<!DOCTYPE html>
<html>

<body>
    <footer th:fragment="f1" class="ui center aligned inverted segment" style="background-color: black;">
        <div class="ui container">
            <div class="ui grid inverted divided">
                <div class="three wide inverted divided column">
                    <iframe style="width: 100px;height:100px;" frameborder="0" class="ui rounded image"
                        th:src="'https://api.pwmqr.com/qrcode/create/?url=http://localhost:8080'+@{/user/about}"></iframe>
                </div>
                <div class="four wide column">
                    <h4 class="ui inverted header">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">人生导师(my story)</a>
                        <a href="#" class="item">心灵鸡汤(my video)</a>
                        <a href="#" class="item">自我认知(my feel)</a>
                    </div>
                </div>
                <div class="four wide column">
                    <h5 class="ui inverted header">个人信息</h5>
                    <div class="ui inverted link list">
                        <a href="#" class="item">WeChat:Yi-0802</a>
                        <a href="#" class="item">QQ:1692774581</a>
                    </div>
                </div>
                <div class="five wide column">
                    <h5 class="ui inverted header">博客</h5>
                    <p>这是我的个人博客，会定期分享我的故事,我对于自身的认识，希望可以给看我博客的人带来快乐</p>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p>Copyright © 2020 - 2020 Rownn Designed by Rownn</p>
        </div>
    </footer>
</body>

</html>